This manual help you to install BBcode [Animation version ] by Golzarion 
************************
************************
http://forum.golzarion.com 

************************
************************

Install :

1. In admin control panel : Custom BB Codes => Add New BB Code
2.Title : Spoiler
3.BB Code Tag Name : spoiler
4.Replacement :

*******************************************************************
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; width:852; height:26"><right><font color="red"><b>&nbsp;</b></font></right>  
  <span lang="fa">
  <img border="0" src="http://www.golzarion.com/forum/u%20Pictures/spoiler2.gif" width="21" height="20">
  <b>Spoiler</b>: {option}&nbsp;</span><input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="border: 1px solid rgb(255, 153, 0); margin: 0px; padding: 6px;">
<div style="display: none;">
{param}
</div>
</div>
*******************************************************************

5.Example : [spoiler]This text is Animation Spoiler[/spoiler]
6.Description : The [spoiler] tag allows you to hidden or hide your text.
7.Use {option} : Yes
8. Button Image (Optional) ==>> upload this picture on you sever and enter the exact address of it .
9. Remove Tag If Empty : Yes
10. Disable BB Code Within This BB Code : No
11.Disable Smilies Within This BB Code : No
12.Disable Word Wrapping Within This BB Code : No 
***

13. In admin cp : Styles & Templates => Style Manager => All Style option 
at the bottom of the page : "  Additional CSS Definitions " 
Second window ( bottom)  add this code : 
*******************************
.pre-spoiler {
	border: 1px solid #B5C0A8;
	margin: 0 15px 5px 15px;
	background: #E3E9DB;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	text-align: right;
	color: #6A775B;
}
.spoiler {
	background: #E3E9DB;
	margin: 0 15px 15px 15px;
	padding: 5px;
	border: 1px solid #B5C0A8;
}

*******************************************

14.save the changes !

15. End . 